.middle{
  width: 1210px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
}

.country{
  width:auto;
  height: auto;
  

}
.video{
  margin-left: 20px;
  margin-top:20px ;
}
.content{
  margin-left:0 ;
}
.other{
  width: 1170px;
  margin: 0 auto;
}
.main{
  position: sticky;
  top: 0;
  right: 0;
  z-index: 2;
}

@media(max-width:870px) {
  .middle{
    width: 400px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  
  .country{
    width:auto;
    height: auto;
  }
  
  .video{
    margin: 0 auto;
  }
.other{
width: 400px;
margin: 0 auto;
}
}